<template>
	<view class="main">
		<view style="background-color: #039aff; width: 20rpx;"></view>
		<view class="xinxi">
			
			<u-subsection 
			class="sub" 
						mode = "button"
						bold = false
						inactive-color="#ffffff"
						activeColor="#3c9cff"
						bgColor="#3c9cff"
						:list="list" 
						:current="current" 
						@change="dianji"
						fontSize=18>
			</u-subsection>
		</view>
		<view style="background-color: #3c9cff; width: 20rpx;"></view>
		 <swiper class="swiper" @change="Swiper">
		 	<swiper-item v-for="item1 in list1">
				<view>
					<u-cell v-for="item2 in list1[current]"    
							:title="item2.t" isLink
							size="large"
							@click="toText(item2.id)">
					</u-cell>
				</view>
		 	</swiper-item>
		 </swiper>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				current: 0,
				list:[
					"就业知识",
					"就业政策",
					"问ai"
				],
				list1:[
					
					[   
						{	
							id:1,
							t:"什么是五险一金"
						},
						{
							id:2,
							t:"劳动合同与劳务合同"
						},
						{
							id:3,
							t:"小白就业指南"
						}
					],
					[
						{
							id:4,
							t:"国家政策:广开就业之门"
						},
						{
							id:5,
							t:"拥抱新质生产力：解锁求职新机遇"
						},
						{
							id:6,
							t:"重点群体扶持"
						}
					],
					[
						{
							id:10,
							t:"问答1"
						},
						{
							id:11,
							t:"问答2"
						},
						{
							id:12,
							t:"问答3"
						}
					],
				
				]
				
			}
		},
		methods: {
			dianji(index) {
				this.current = index
	
				
			},
			Swiper(e){
				this.current = e.detail.current
			},
			toText(id){
				uni.navigateTo({
					url:"/pages/knowledgeModel/content/content?id=" +id
				})
			}
		}
	}
	
	
</script>

<style>

</style>
